<template>
	<div class="login-wrapper">
		<div class="shading">
			<!-- <image :src="logoUrl"/> -->
			<image :src="logoUrl" />
			<!-- <image src="/static/images/logo2.png" v-if="!logoUrl" /> -->
		</div>
		<div class="whiteBg" v-if="formItem === 1">
			<div class="list" v-if="current !== 1">
				<form @submit.prevent="submit">
					<div class="item">
						<div class="acea-row row-middle">
							<image src="/static/images/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
							<input type="text" class="texts" :placeholder="inputMobile" v-model="account" required />
						</div>
					</div>
					<div class="item">
						<div class="acea-row row-middle">
							<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
							<input type="password" class="texts" :placeholder="inputPassword" v-model="password"
								required />
						</div>
					</div>

				</form>
			</div>
			<div class="list" v-if="current !== 0 || appLoginStatus || appleLoginStatus">
				<form @submit.prevent="submit">
					<div class="item">
						<div class="acea-row row-middle">
							<image src="/static/images/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
							<input type="text" class="texts" :placeholder="inputMobile" v-model="account" />
						</div>
					</div>
					<div class="item">
						<div class="acea-row row-middle">
							<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
							<input type="password" class="texts" :placeholder="inputPassword" v-model="password"
								required />
						</div>
					</div>
				</form>
				<!-- <div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
						<input type="text" placeholder="填写验证码" class="codeIput" v-model="captcha" />
						<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="code">
							{{ text }}
						</button>
					</div>
				</div>
				<div class="item" v-if="isShowCode">
					<div class="acea-row row-middle">
						<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
						<input type="text" placeholder="填写验证码" class="codeIput" v-model="codeVal" />
						<div class="code" @click="again"><img :src="codeUrl" /></div>
					</div>
				</div> -->
			</div>
			<!-- <div class="logon" @click="loginMobile" v-if="current !== 0">登录</div> -->
			<!-- <div class="logon" @click="submit" v-if="current === 0">登录</div> -->
			<div class="logon " @click="submit">
				<!-- <div v-if="current==0" @click="current = 1">快速登录</div> -->
				<div v-if="current==1">{{$t("login.password-login")}}</div>
			</div>
			<div class="tips">
				<div @tap="togglePage(2)">{{$t("login.register")}}</div>
			</div>
		</div>

		<!-- 注册 -->
		<div class="whiteBg" v-if="formItem === 2">
			<div class="list">
				<div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
						<input type="text" class="texts" :placeholder="inputMobile" v-model="account" />
					</div>
				</div>
				<div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
						<input type="text" :placeholder="inputYzmCode" class="codeIput" v-model="phoneCaptcha" />
						<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''"
							@click="phoneCode">
							{{ text }}
						</button>
					</div>
				</div>

				<!-- <div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
						<input type="text" class="texts" placeholder="输入邮箱" v-model="email" />
					</div>
				</div>

				<div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
						<input type="text" placeholder="输入验证码" class="codeIput" v-model="captcha" />
						<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="code">
							{{ codetText }}
						</button>
					</div>
				</div> -->

				<div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
						<input type="password" class="texts" :placeholder="inputPassword" v-model="RegPassword"
							required />
					</div>
				</div>
				<div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
						<input type="password" class="texts" :placeholder="repetitionPassword" v-model="passwordAgain"
							required />
					</div>
				</div>

				<div class="item">
					<div class="acea-row row-middle">
						<image src="/static/images/extension.png" style="width: 28rpx; height: 28rpx;"></image>
						<input type="text" class="texts" :placeholder="referrerCode" v-model="spreadPid" />
					</div>
				</div>
			</div>
			<div class="logon" @click="toRegister">{{this.$t('login.register')}}</div>
			<div class="tips">
				<div @tap="togglePage(1)">{{this.$t('login.login')}}</div>
			</div>
		</div>
		<u-popup v-model="showPopup" mode="bottom" :closeable=true :mask-close-able=false height='450px'>
			<view class="record_tit">{{$t('login.setting-pay-password-tips')}}</view>
			<u-message-input style="margin-top: 15px;" :maxlength="6" @change="change" :focus="true" :value="newPwd">
				<!-- @finish="finish" -->
			</u-message-input>
			<view class="" style="display: flex;justify-content: center;margin-top: 35px;">

				<u-button type="primary" size="medium" @click="registerBtn">{{this.$t('public.confirm')}}</u-button>
			</view>
		</u-popup>

	</div>
</template>
<script>
	import {
		registerEmail
	} from '@/api/new.js'
	import dayjs from "@/plugin/dayjs/dayjs.min.js";
	import sendVerifyCode from "@/mixins/SendVerifyCode";
	import {
		loginH5,
		loginMobile,
		registerVerify,
		register,
		// getCodeApi,
		getUserInfo
	} from "@/api/user";
	import attrs, {
		required,
		alpha_num,
		chs_phone
	} from "@/utils/validate";
	import {
		validatorDefaultCatch
	} from "@/utils/dialog";
	import {
		getLogo,
		appAuth,
		appleLogin
	} from "@/api/public";
	import {
		VUE_APP_API_URL
	} from "@/utils";

	const BACK_URL = "login_back_url";

	export default {
		name: "Login",
		mixins: [sendVerifyCode],
		data: function() {
			return {

				inputMobile: this.$t('login.phone'),
				inputPassword: this.$t('login.password-false-tips'),
				inputYzmCode: this.$t('login.register-code'),
				repetitionPassword: this.$t('login.register-repetition-password'),
				referrerCode: this.$t('login.no-referrer-code'),
				showPopup: false,
				newPwd: '',
				navList: ["快速登录", "账号登录"],
				current: 1,
				account: "",
				RegPassword: "",
				password: "",
				captcha: "",
				phoneCaptcha: "",
				email: "",
				formItem: 1,
				localText: 'en',
				type: "login",
				logoUrl: "",
				keyCode: "",
				codeUrl: "",
				codeVal: "",
				spreadPid: "", //	推广人
				isShowCode: false,
				platform: '',
				passwordAgain: '',
				appLoginStatus: false, // 微信登录强制绑定手机号码状态
				appUserInfo: null, // 微信登录保存的用户信息
				appleLoginStatus: false, // 苹果登录强制绑定手机号码状态
				appleUserInfo: null,
				appleShow: false, // 苹果登录版本必须要求ios13以上的
			};
		},
		watch: {
			// formItem: function(nval, oVal) {
			// 	if (nval == 1) {
			// 		this.type = 'login'
			// 	} else {
			// 		this.type = 'register'
			// 	}
			// }
		},
		mounted: function() {
			this.getCode();
			this.getLogoImage();
			// uni.setNavigationBarTitle({
			// 	title: this.$t('login.login')
			// })
		},
		onLoad(e) {
			console.log(e, '>>>>>>>>>>>>>>>>>');
			this.formItem = e.type ? Number(e.type) : 1
			if (e.type == 2) {
				uni.setNavigationBarTitle({
					title: this.$t('login.register')
				})
			} else {
				uni.setNavigationBarTitle({
					title: this.$t('login.login')
				})
			}
			// this.formItem = type;
			this.spreadPid = e.referralCode ? e.referralCode : ''
			let self = this
			uni.getSystemInfo({
				success: function(res) {
					if (res.platform.toLowerCase() == 'ios' && res.system.split(' ')[1] >= 13) {
						self.appleShow = true
					}
				}
			});
		},
		onShow() {
			this.localText = uni.getStorageSync("AppLocale").text == "繁体中文" ? 'ch' : 'en'
			console.log(this.localText, 'chhhhhhw')
		},
		methods: {
			change(e) {
				this.newPwd = e
				console.log('内容改变，当前值为：' + e);
			},
			registerBtn() {
				let that = this
				if (this.newPwd.length == 6) {
					console.log('666');
					register({
							phone: that.account,
							captcha: that.phoneCaptcha,
							// referralCode: '15587580322',
							pwd: that.RegPassword,
							type: 1,
							mail: that.email,
							// captcha: that.captcha,
							mailCaptcha: that.captcha,
							transactionPwd: that.newPwd,
							referralCode: that.spreadPid
						})
						.then(res => {
							console.log(res, 'message');
							switch (res.data.code) {
								case 10001:
								this.newPwd = ''
									this.tips = this.$t('systemCode.10001')
									break;
								case 10002:
									this.tips = this.$t('systemCode.10002')
									break;
								case 10003:
									this.tips = this.$t('systemCode.10003')
									break;
								case 10004:
									this.tips = this.$t('systemCode.10004')
									break;
							}

							that.$util.Tips({
								title: this.tips
							});
							that.showPopup = false
							if (res.data.code == 10004) {
								that.formItem = 1;
							}
						})
						.catch(res => {
							console.log(res);
							that.$util.Tips({
								title: res
							});
						});
				} else {
					that.$util.Tips({
						title: this.$t('login.setting-pay-Fullpassword-tips')
					});
				}
			},
			finish(e) {
				let that = this
				register({
						phone: that.account,
						captcha: that.phoneCaptcha,
						referralCode: '15587580322',
						pwd: that.RegPassword,
						type: 1,
						mail: that.email,
						// captcha: that.captcha,
						mailCaptcha: that.captcha,
						transactionPwd: e,
						referralCode: that.spreadPid
					})
					.then(res => {
						console.log(res, 'message');
						switch (res.data.code) {
							case 10001:
								this.tips = this.$t('systemCode.10001')
								break;
							case 10002:
								this.tips = this.$t('systemCode.10002')
								break;
							case 10003:
								this.tips = this.$t('systemCode.10003')
								break;
							case 10004:
								this.tips = this.$t('systemCode.10004')
								break;
						}

						that.$util.Tips({
							title: this.tips
						});
						that.showPopup = false
						if (res.data.code == 10004) {
							that.formItem = 1;
						}


					})
					.catch(res => {
						console.log(res);
						that.$util.Tips({
							title: res
						});
					});

			},
			// 苹果登录
			appleLogin() {
				let self = this
				this.account = ''
				this.captcha = ''
				uni.showLoading({
					title: '登录中'
				})
				uni.login({
					provider: 'apple',
					timeout: 10000,
					success(loginRes) {
						uni.getUserInfo({
							provider: 'apple',
							success: function(infoRes) {
								self.appleUserInfo = infoRes.userInfo
								self.appleLoginApi()
							},
							fail() {
								uni.hideLoading()
								uni.showToast({
									title: '获取用户信息失败',
									icon: 'none',
									duration: 2000
								})
							},
							complete() {
								uni.hideLoading()
							}
						});
					},
					fail(error) {
						uni.hideLoading()
						console.log(error)
					}
				})
			},
			// 苹果登录Api
			appleLoginApi() {
				let self = this
				appleLogin({
					openId: self.appleUserInfo.openId,
					email: self.appleUserInfo.email == undefined ? '' : self.appleUserInfo.email,
					identityToken: self.appleUserInfo.identityToken || ''
				}).then((res) => {
					this.$store.commit("LOGIN", {
						'token': res.data.token
					});
					this.getUserInfo(res.data);
				}).catch(error => {
					uni.hideLoading();
					uni.showModal({
						title: '提示',
						content: `错误信息${error}`,
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});
				})
			},
			// App微信登录
			wxLogin() {
				let self = this
				this.account = ''
				this.captcha = ''
				uni.showLoading({
					title: '登录中'
				})
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						// 获取用户信息
						uni.getUserInfo({
							provider: 'weixin',
							success: function(infoRes) {
								uni.hideLoading();
								self.appUserInfo = infoRes.userInfo
								self.appUserInfo.type = self.platform === 'ios' ? 'iosWx' :
									'androidWx'
								self.wxLoginGo(self.appUserInfo)
							},
							fail() {
								uni.hideLoading();
								uni.showToast({
									title: '获取用户信息失败',
									icon: 'none',
									duration: 2000
								})
							},
							complete() {
								uni.hideLoading()
							}
						});
					},
					fail() {
						uni.hideLoading()
						uni.showToast({
							title: '登录失败',
							icon: 'none',
							duration: 2000
						})
					}
				});
			},
			wxLoginGo(userInfo) {
				appAuth(userInfo).then(res => {
					if (res.data.type === 'register') {
						uni.navigateTo({
							url: '/pages/users/app_login/index?authKey=' + res.data.key
						})
					}
					if (res.data.type === 'login') {
						this.$store.commit("LOGIN", {
							'token': res.data.token
						});
						this.getUserInfo(res.data);
					}
				}).catch(res => {
					that.$util.Tips({
						title: res
					});
				});
			},
			again() {
				this.codeUrl =
					VUE_APP_API_URL +
					"/sms_captcha?" +
					"key=" +
					this.keyCode +
					Date.parse(new Date());
			},
			getCode() {
				let that = this
			},
			async getLogoImage() {
				let that = this;
				// that.logoUrl = '/static/img/logo.jpg';
				getLogo().then(res => {
					that.logoUrl = res.data.logoUrl ? res.data.logoUrl : '/static/img/logo.jpg';
				});
			},
			async loginMobile() {
				let that = this;

				console.log(that.phoneCaptcha, 'that.phoneCaptcha');
				if (!that.account) return that.$util.Tips({
					title: this.$t("login.phone")
				});
				// if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
				// 	title: '请输入正确的手机号码'
				// });
				if (!that.phoneCaptcha) return that.$util.Tips({
					title: this.$t("login.yzmcode-false-tips")
				});
				if (!/^[\w\d]+$/i.test(that.phoneCaptcha)) return that.$util.Tips({
					title: this.$t("login.code-false-tips")
				});
				// =======================================
				// if (!that.email) return that.$util.Tips({
				// 	title: '请填写邮箱'
				// });
				// if (!/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(that.email)) return that.$util.Tips({
				// 	title: '请输入正确的邮箱'
				// });
				// if (!that.captcha) return that.$util.Tips({
				// 	title: '请填写邮箱验证码'
				// });
				//  =======================================
				if (!that.RegPassword) return that.$util.Tips({
					title: this.$t("login.password-false-tips")
				});
				if (that.RegPassword != that.passwordAgain) return that.$util.Tips({
					title: this.$t("login.confirm-password-false-tips")
				});

				this.showPopup = true



				// TODO
				// register({
				// 		phone: that.account,
				// 		phoneCaptcha:that.phoneCaptcha,				
				// 		referralCode:'15587580322',
				// 		pwd:that.RegPassword,				
				// 		type:1,
				// 		email:that.email,
				// 		captcha: that.captcha,
				// 		// phone: 15875263555,
				// 		// captcha: 111,
				// 		// referralCode:'15587580322',
				// 		// pwd:123456,
				// 		// type:1
				// 		// referralCode: that.$Cache.get("spread")
				// 	})
				// 	.then(res => {
				// 		console.log('message');
				// 		that.$util.Tips({
				// 			title: res.message
				// 		});
				// 		that.formItem = 1;
				// 		// let data = res.data;
				// 		// let newTime = Math.round(new Date() / 1000);
				// 		// this.$store.commit("LOGIN", {
				// 		// 	'token': res.data.token
				// 		// });
				// 		// that.getUserInfo(data);
				// 	})
				// 	.catch(res => {
				// 		console.log(res);
				// 		that.$util.Tips({
				// 			title: res
				// 		});
				// 	});
			},
			// async register() {
			// 	let that = this;
			// 	if (!that.account) return that.$util.Tips({
			// 		title: '请填写手机号码'
			// 	});
			// 	if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
			// 		title: '请输入正确的手机号码'
			// 	});
			// 	if (!that.captcha) return that.$util.Tips({
			// 		title: '请填写验证码'
			// 	});
			// 	if (!/^[\w\d]+$/i.test(that.captcha)) return that.$util.Tips({
			// 		title: '请输入正确的验证码'
			// 	});
			// 	if (!that.password) return that.$util.Tips({
			// 		title: '请填写密码'
			// 	});
			// 	if (!/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/i.test(that.password)) return that.$util.Tips({
			// 		title: '您输入的密码过于简单'
			// 	});
			// 	register({
			// 			phone: that.account,
			// 			captcha: that.captcha,
			// 			pwd: that.password,
			// 			// referralCode: that.$Cache.get("spread")
			// 			//referralCode:that.spreadPid ,//	推广人
			// 			referralCode:"15587580322"
			// 		})
			// 		.then(res => {
			// 			that.$util.Tips({
			// 				title: res
			// 			});
			// 			that.formItem = 1;
			// 		})
			// 		.catch(res => {
			// 			that.$util.Tips({
			// 				title: res
			// 			});
			// 		});
			// },



			async phoneCode() {
				let that = this;
				if (!that.account) return that.$util.Tips({
					title: this.$t("login.phone")
				});
				// if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
				// 	title: '请输入正确的手机号码'
				// });
				// if (that.formItem == 2) that.type = "register";
				await registerVerify(that.account)
					.then(res => {
						that.$util.Tips({
							title: this.$t("login.send-success")
						});
						that.sendCode();
					})
					.catch(err => {
						return that.$util.Tips({
							title: this.$t("login.send-fail")
						});
					});
			},
			// 邮箱验证码 000
			code() {
				let that = this;
				if (!that.email) return that.$util.Tips({
					title: '请填写邮箱'
				});
				// if (!/^[\w]+(\.[\w]+)*@[\w]+(\.[\w])+$/.test(that.email)) return that.$util.Tips({
				// 	title: '请输入正确的邮箱'
				// });
				// console.log(that.formItem,'that.formItem');
				// if (that.formItem == 2) that.formItem = 2;
				registerEmail({
						mail: that.email
					})
					.then(res => {
						that.$util.Tips({
							title: res.message
						});
						that.sendCode(true);
					})
					.catch(err => {
						return that.$util.Tips({
							title: err
						});
					});
			},
			navTap: function(index) {
				this.current = index;
			},
			async submit() {
				let that = this;
				if (!that.account) return that.$util.Tips({
					title: this.$t("login.phone-false-tips")
				});
				if (!/^[\w\d]{5,16}$/i.test(that.account)) return that.$util.Tips({
					title: this.$t("login.phone-error-tips")
				});
				if (!that.password) return that.$util.Tips({
					title: this.$t("login.password")
				});

				loginMobile({
						phone: that.account,
						pwd: that.password,
						// spread: that.$Cache.get("spread")
						//referralCode:that.spreadPid ,//	推广人
						// referralCode:"15587580322"
					})
					.then(({
						data
					}) => {
						console.log('登录了', data);
						switch (data.code) {
							case 10010:
								this.tips = this.$t('systemCode.10010')

								this.$store.commit("LOGIN", {
									'token': data.data.token
								});
								// this.$Cache.set('sysRule', ddataata.sysRule );
								uni.setStorageSync('sysRule', data.data.sysRule)
								uni.setStorageSync('sysRuleShow', true)
								that.getUserInfo(data.data);
								let data1 = {text:"English",code:"en"}
								uni.setStorageSync("AppLocale",data1)
								uni.reLaunch({
									url: '/pages/index/index'
								});
								break;
							case 10011:
								this.tips = this.$t('systemCode.10011')
								break;
							case 10012:
								this.tips = this.$t('systemCode.10012')
								break;
							case 10013:
								this.tips = this.$t('systemCode.10013')
								break;
						}

						that.$util.Tips({
							title: this.tips
						});

					})
					.catch(e => {
						console.log('999')
						that.$util.Tips({
							title: this.$t("login.nonexistent")
						});
					});
			},
			getUserInfo(data) {
				this.$store.commit("SETUID", data.uid);
				getUserInfo().then(res => {
					this.$store.commit("UPDATE_USERINFO", res.data);
					// this.$Cache.get(BACK_URL) || 
					let backUrl = "/pages/index/index";
					if (backUrl.indexOf('/pages/users/login/index') !== -1) {
						backUrl = '/pages/index/index';
					}
					uni.reLaunch({
						url: backUrl
					});
				})
			},
			// 切花注册/登录
			togglePage(type) {
				console.log(type, 'type');
				if (type == 2) {
					uni.setNavigationBarTitle({
						title: this.$t('login.register')
					})
				} else {
					uni.setNavigationBarTitle({
						title: this.$t('login.login')
					})
				}
				this.formItem = type;
			},
			// 注册
			toRegister() {
				// console.log('999')
				if (!this.spreadPid) return this.$util.Tips({
					title: this.$t('login.no-referrer-code')
				});

				this.loginMobile();
			}
		}
	};
</script>
<style lang="scss" scoped>
	page {
		background: #fff;
	}

	.record_tit {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 20px 0;
	}

	.appLogin {
		margin-top: 60rpx;

		.hds {
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 24rpx;
			color: #B4B4B4;

			.line {
				width: 68rpx;
				height: 1rpx;
				background: #CCCCCC;
			}

			p {
				margin: 0 20rpx;
			}
		}

		.btn-wrapper {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 30rpx;

			.btn {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 68rpx;
				height: 68rpx;
				border-radius: 50%;
			}

			.apple-btn {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: 30rpx;
				background: #000;
				border-radius: 34rpx;
				font-size: 40rpx;

				.icon-s-pingguo {
					color: #fff;
					font-size: 40rpx;
				}
			}

			.iconfont {
				font-size: 40rpx;
				color: #fff;
			}

			.wx {
				margin-right: 30rpx;
				background-color: #61C64F;
			}

			.mima {
				background-color: #28B3E9;
			}

			.yanzheng {
				background-color: #F89C23;
			}

		}
	}

	.code img {
		width: 100%;
		height: 100%;
	}

	.acea-row.row-middle {
		input {
			margin-left: 20rpx;
			display: block;
		}
	}

	.login-wrapper {
		padding: 30rpx;

		.shading {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;

			/* #ifdef APP-VUE */
			margin-top: 50rpx;
			/* #endif */
			/* #ifndef APP-VUE */

			// margin-top: 100rpx;
			/* #endif */


			image {
				width: 180rpx;
				height: 180rpx;
			}
		}

		.whiteBg {
			margin-top: 100rpx;

			.list {
				border-radius: 16rpx;
				overflow: hidden;

				.item {
					border-bottom: 1px solid #F0F0F0;
					background: #fff;

					.row-middle {
						position: relative;
						padding: 16rpx 45rpx;

						.texts {
							flex: 1;
							font-size: 28rpx;
							height: 80rpx;
							line-height: 80rpx;
							display: flex;
							justify-content: center;
							align-items: center;
						}

						input {
							flex: 1;
							font-size: 28rpx;
							height: 80rpx;
							line-height: 80rpx;
							display: flex;
							justify-content: center;
							align-items: center;
						}

						.code {
							position: absolute;
							right: 20rpx;
							top: 50%;
							color: $theme-color;
							font-size: 24rpx;
							transform: translateY(-50%);
						}
					}
				}
			}

			.logon {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 86rpx;
				margin-top: 80rpx;
				background-color: $theme-color;
				border-radius: 120rpx;
				color: #FFFFFF;
				font-size: 30rpx;
			}

			.tips {
				margin: 30rpx;
				text-align: center;
				color: #999;
			}
		}
	}
</style>